/*为手机端定制的一款皮肤(引用此皮肤时无需引用alert.css) 最后更新2016-07-27*/
/*
alert_overlay  背景遮罩
alert_msg 消息框主体
alert_content 内容容器
alert_buttons 底部按钮容器
alert_btn 两个按钮公用class
alert_btn_ok 确定按钮
alert_btn_cancel 取消按钮
*/
.alert_overlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;background:rgba(0,0,0,.1)}
.alert_msg{position:absolute;width:280px;left:50%;margin-left:-140px;top:20%;z-index:1000;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.3);background:#fff;animation: alertshow .2s ease; -webkit-animation: alertshow .2s ease; }
.alert_content{padding:20px;font-size:14px;text-align:left}
.alert_buttons{text-align:center;border-top:1px solid #ccc;-webkit-user-select:none}
.alert_buttons .alert_btn{display:inline-block;width:50%;border:none;height:45px;line-height:45px;font-size:14px;outline:0;-webkit-appearance:none;background:#fff;-webkit-tap-highlight-color:transparent;border-radius:0 0 4px 4px;}
.alert_buttons .alert_btn:only-child{width:100%}
.alert_buttons .alert_btn:first-child+.alert_btn{border-left:1px solid #ccc;border-radius:0 0 4px 0;}
.alert_tips{position:fixed;z-index:10176523;width:100%;top:55%;pointer-events:none;text-align:center;}
.alert_tips div{box-siziong:border-box;display:inline-block;padding:15px;border-radius:10px;background:rgba(0,0,0,.7);min-width:50px;max-width:230px;text-align:center;color:#fff;animation: tipsshow 3s .01s ease; -webkit-animation: tipsshow 3s .01s ease; opacity:0;}

@keyframes         alertshow {0% {opacity: 0;transform: scale(.5)}70% {opacity: .7;transform: scale(1.05)}100% {opacity: 1;transform: scale(1)}}
@-webkit-keyframes alertshow {0% {opacity: 0;-webkit-transform: scale(.5)}70% {opacity: .7;-webkit-transform: scale(1.05)}100% {opacity: 1;-webkit-transform: scale(1)}}

@keyframes         tipsshow{0%{opacity:0;transform:scale(1.4) rotateX(-360deg);}20%,80%{opacity:1;transform:scale(1) rotateX(0deg);}to{transform:scale(1.4) rotateX(360deg);}}
@-webkit-keyframes tipsshow{0%,to{opacity:0;}0%{-webkit-transform:scale(1.4) rotateX(-360deg);}20%,80%{opacity:1;-webkit-transform:scale(1) rotateX(0deg);}to{opacity:0;-webkit-transform:scale(1.4) rotateX(360deg);}}